import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams, ModalController } from 'ionic-angular';

/**
 * Generated class for the TransitionPage page.
 *
 * See https://ionicframework.com/docs/components/#navigation for more info on
 * Ionic pages and navigation.
 */

@IonicPage()
@Component({
  selector: 'page-transition',
  templateUrl: 'transition.html',
})
export class TransitionPage {

  constructor(
    public navCtrl: NavController,
    public navParams: NavParams,
    public modalCtrl: ModalController
  ) {
  }

  eventOne() {
    this.modalCtrl.create('ModalLeftPage', {}, {
      enterAnimation: 'modal-from-left-enter',
      leaveAnimation: 'modal-from-left-leave'
    }).present();
  }
  eventTwo() {
     this.modalCtrl.create('ModalLeftPage', {}, {
      enterAnimation: 'modal-scale-enter',
      leaveAnimation: 'modal-scale-leave'
    }).present();
  }

}
